<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Responsive Bootstrap 4 Admin &amp; Dashboard Template">
    <meta name="author" content="Bootlab">

    <title>DataTables - AppStack - Admin &amp; Dashboard Template</title>

    <link rel="preconnect" href="//fonts.gstatic.com/" crossorigin="">
    <style>
        body {
            opacity: 0;
        }
    </style>
    <script src="js\settings.js"></script>
    <!-- END SETTINGS -->
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-120946860-6"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());

        gtag('config', 'UA-120946860-6');
    </script>
</head>

<body>
<div class="wrapper">
    <nav id="sidebar" class="sidebar">
        <div class="sidebar-content ">
            <a class="sidebar-brand" href="index.html">
                <i class="align-middle" data-feather="box"></i>
                <span class="align-middle">Smart Ops</span>
            </a>

            <ul class="sidebar-nav">
                <li class="sidebar-header">
                    Main
                </li>
                <li class="sidebar-item">
                    <a class="sidebar-link" href="calendar.html">
                        <i class="align-middle" data-feather="calendar"></i> <span class="align-middle">统计信息</span>
                    </a>
                </li>

                <li class="sidebar-item">
                    <a href="#pages" data-toggle="collapse" class="sidebar-link collapsed">
                        <i class="align-middle" data-feather="layout"></i> <span class="align-middle">设备管理</span>
                    </a>
                    <ul id="pages" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
                        <li class="sidebar-item"><a class="sidebar-link" href="pages-profile.html">Profile</a></li>
                        <li class="sidebar-item"><a class="sidebar-link" href="pages-settings.html">Settings</a></li>
                    </ul>
                </li>


                <li class="sidebar-item">
                    <a class="sidebar-link" href="calendar.html">
                        <i class="align-middle" data-feather="calendar"></i> <span class="align-middle">命令模板</span>
                    </a>
                </li>

                <li class="sidebar-item">
                    <a class="sidebar-link" href="ssh.html">
                        <i class="align-middle" data-feather="calendar"></i> <span class="align-middle">快速执行</span>
                    </a>
                </li>

                <li class="sidebar-item">
                    <a class="sidebar-link" href="calendar.html">
                        <i class="align-middle" data-feather="calendar"></i> <span class="align-middle">历史记录</span>
                    </a>
                </li>


            </ul>


        </div>
    </nav>

    <div class="main">
        <nav class="navbar navbar-expand navbar-light bg-white">
            <a class="sidebar-toggle d-flex mr-2">
                <i class="hamburger align-self-center"></i>
            </a>


            <div class="navbar-collapse collapse">
                <ul class="navbar-nav ml-auto">


                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
                            <img src="img\avatars\avatar.jpg" class="avatar img-fluid rounded-circle mr-1"
                                 alt="Chris Wood"> <span class="text-dark">Chris Wood</span>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right">
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="#">Sign out</a>
                        </div>
                    </li>
                </ul>
            </div>
        </nav>

        <main class="content">
            <div class="container-fluid p-0">


            </div>
        </main>

        <footer class="footer">
            <div class="container-fluid">
                <div class="row text-muted">

                    <div class="col-6 text-right">
                        <p class="mb-0">
                            &copy; 2019 - <a href="index.html" class="text-muted">AppStack</a>
                        </p>
                    </div>
                </div>
            </div>
        </footer>
    </div>
</div>

<script src="js\app.js"></script>

<script>
    $(function () {
        // Datatables basic
        $("#datatables-basic").DataTable({
            responsive: true
        });
        // Datatables with Buttons
        var datatablesButtons = $("#datatables-buttons").DataTable({
            responsive: true,
            lengthChange: !1,
            buttons: ["copy", "print"]
        });
        datatablesButtons.buttons().container().appendTo("#datatables-buttons_wrapper .col-md-6:eq(0)");
        // Datatables with Multiselect
        var datatablesMulti = $("#datatables-multi").DataTable({
            responsive: true,
            select: {
                style: "multi"
            }
        });
    });
</script>
<script>
    document.onkeydown = function () {
        console.log("test")
    }
</script>
</body>

</html>